﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="ELearningSystem.UI.Account.Registration" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
    h2 {
            text-align: center;
            font-family: "lobster 1.4", sans-serif;
            border-bottom: thin;
            padding-bottom: 7px;
            border-bottom-style: inset;
            border-bottom-color: gray;
            display: block;
        }
        #registration_div p {
            margin-left: 80px;
        }
        #registration_div {
            padding-bottom: 30px;
            margin-left: 250px;
            box-shadow: 1px 1px 1px darkgoldenrod;
            margin-bottom: 50px;
            
        }
        .style2
        {
            font-family: Arial, Helvetica, sans-serif;
        }
        </style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <div id="registration_div" 
        
        style="background: white url('../images/bg04.png') repeat scroll 0 0; width: 486px;">
        <h2 style="color: #663300"> <span class="style2">Registration</span> </h2>
        <p style="width: 388px">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Name :  
            <asp:TextBox ID="nameTextBox" runat="server" BorderColor="#99CC00" 
                BorderStyle="Solid" style="margin-left: 4px"></asp:TextBox>
            
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ControlToValidate="nameTextBox" ErrorMessage="Required!" ForeColor="Red" 
                ValidationGroup="registerValidationGrp">*</asp:RequiredFieldValidator>
            
        </p>
        <p style="width: 386px">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Email : <asp:TextBox ID="emailTextBox" runat="server" BorderColor="#99CC00" 
                BorderStyle="Solid" style="margin-left: 8px"></asp:TextBox> 
           
            
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                ControlToValidate="emailTextBox" ErrorMessage="Required!" ForeColor="Red" 
                ValidationGroup="registerValidationGrp">*</asp:RequiredFieldValidator>
           
            
        </p>
        <p style="width: 385px; margin-top: 9px">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Password :  <asp:TextBox ID="passwordTextBox" runat="server" 
                TextMode="Password" BorderColor="#99CC00" BorderStyle="Solid" 
                style="margin-left: 7px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                ControlToValidate="passwordTextBox" ErrorMessage="Required" ForeColor="Red" 
                ValidationGroup="registerValidationGrp">*</asp:RequiredFieldValidator>
        </p>
        <p style="width: 386px">
            Confirm Password: 
            <asp:TextBox ID="retypePasswordTextBox" runat="server" 
                TextMode="Password" BorderColor="#99CC00" BorderStyle="Solid" 
                style="margin-left: 13px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                ControlToValidate="retypePasswordTextBox" ErrorMessage="Required" 
                ForeColor="Red" ValidationGroup="registerValidationGrp">*</asp:RequiredFieldValidator>
        </p>
        <p>
            <asp:Button runat="server" ID="registerButton" Text="Register" 
                style="margin-left: 211px; margin-top: 21px;" BackColor="#006600" 
                ForeColor="White" Height="38px" 
                Width="122px" onclick="registerButton_Click" 
                ValidationGroup="registerValidationGrp"/> 
        </p>
        <p>
            <asp:Label runat="server" ID="messageLabel"></asp:Label>
            <br/>
            <asp:CompareValidator ID="CompareValidator1" runat="server" 
                ErrorMessage="Password mismatched!" 
                ControlToCompare="retypePasswordTextBox" ControlToValidate="passwordTextBox" 
                ForeColor="#FF3300" 
                ValidationGroup="registerValidationGrp" Visible="False"></asp:CompareValidator>
            <br/>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                ErrorMessage="Email Address should be in correct format!" 
                ControlToValidate="emailTextBox" ForeColor="#FF3300" SetFocusOnError="True" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                ValidationGroup="registerValidationGrp"></asp:RegularExpressionValidator>
        </p>
        
    </div>
</asp:Content>
